
//  sass 使用 $ 符号来标识变量 
$highlight-color: #f90;
$basic-border: 1px solid black;

p {
color: red;
font-size: 24px;
}
// 使用设置的变量
// div span {
//     background-color: $highlight-color;
//     font-size: 50px;
// }

// 嵌套写法
div {
    span{
        background-color: green;
        font-size: 50px;
    }
}

div{
    color:blue;
    &:hover{
      color: red;
    }
  }
